<!--
 * @Descripttion: 
 * @version: 
 * @Author: weni09
 * @Date: 2021-04-19 13:54:38
 * @LastEditors: weni09
 * @LastEditTime: 2021-06-08 08:35:12
 * @FilePath: \blogfastapi\frontend_blog\src\components\Footer.vue
-->
<template>
<div class="f-footer">
	<el-main class="main">
		<el-row class="el-row" type="flex">
			<!-- <el-col :span="8" class="item-col">
				<div class="title">{{$t('footer.expressLane')}}</div>
				<div class="href"><a href="https://gitee.com/weni09" class="out-link">{{$t('footer.gitee')}}</a></div>
				<div class="href"><a href="https://github.com/weni09" class="out-link">GitHub</a></div> -->
				<!-- <div class=""><a href="#" class="out-link">{{$t('footer.admin')}}</a></div> -->
			<!-- </el-col> -->
			<el-col :span="24" class="item-col weside">
				<div class="item">
					<!-- <i class="el-icon-caret-right"></i> -->
					Copyright © 2021 weni09. Powered by Vue+ElementUI+FastApi.
				</div>
				<div class="item">
					<!-- <i class="el-icon-caret-right">{{ $t('about.email') }}：weni09@163.com</i> -->
				</div>
				<div class="item">
					<!-- <i class="el-icon-caret-right">{{ $t('footer.runTime')}} {{ timeInterval }}</i> -->
					<a class="out-link" href="http://www.beian.miit.gov.cn">{{ $t('footer.icp') }} | </a><span>{{ $t('footer.runTime')}} {{ timeInterval }}</span>
				</div>
			</el-col>
		</el-row>
	</el-main>
	</div>
</template>

<script>
import { mapActions } from "vuex";
// import vueCanvasNest from "vue-canvas-nest";
export default {
  name: 'f-footer',
  data(){
	  return {
		   //配置属性
//         config: {
//             color: '0,0,255',
//   			opacity: .7,
//   			zIndex: -2,
//   			count: 99,
//       },
	  }
  },
  components:{
	//   vueCanvasNest,
  },
  computed:{
	timeInterval:function() {
		const day = this.i18nFooter().day;
		const hour = this.i18nFooter().hour;
		const minute = this.i18nFooter().minute;
		const second = this.i18nFooter().second;
		const timeInterval = this.$store.state.runTimeInterval.replace('天',day)
		.replace('时',hour).replace('分',minute).replace('秒',second);
		return timeInterval;
	}
},
  methods: {
	...mapActions(['initComputeTime']), // 将this.initComputeTime()映射为 this.$store.dispatch('initComputeTime')
	i18nFooter:function(){
			return this.$i18n.messages[this.$i18n.locale].footer
	},
  },
  created(){
		this.initComputeTime();
  }
}
</script>

<style lang="scss" scoped>
@import "../styles/Footer.scss";
</style>